
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%
String mensaje=(request.getParameter("mensaje")!=null)?request.getParameter("mensaje"):"";
%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Rincón Teleco!!</title>
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.min.css"> 
        <style>
            .item {

                background: transparent ;

                padding-top: 10px; 
            }

        </style>
    </head>

    <body style="background: url('<%= request.getContextPath()%>/img/shattered.png') center repeat">

        <div class="container">
            <div class="item row-fluid">
                <div class="item row-fluid">
                    
                    <div class="span9 hero-unit" style="background: transparent; border: transparent; text-align: center">

                    <h1>
                        El Rincón Teleco
                    </h1>
                </div>

                    <div class="span3" style="padding: 0px 15px;">
                        <form class="well" method="post" action="<%= request.getContextPath()%>/ServletLogin">                       
                        <% if (request.getParameter("error") != null) {%><div class="alert alert-error">Datos incorrectos / usuario inactivo</div> <% }%>
                        <label>Código</label><input type="text" name="codigo" class="input-block-level" type="text" placeholder="codigo">
                        <label>Password</label><input type="password" name="password" class="input-block-level" type="password" placeholder="password">
                        <p  style="color: #f89406">
                            <a href="<%= request.getContextPath()%>/contrasenha/recuperar.jsp"><small>Olvide mi contraseña </small></a>
                        </p>
                        <button  type="submit" class="btn btn-primary"  >Login</button>    
                        <button type="submit" class="btn btn-success">
                            <a href="<%= request.getContextPath()%>/contrasenha/register.jsp" data-transition="fade"data-rel="dialog">Register</a>
                        </button>
                    </form>
                    </div>
                </div>
            </div> 

            <!-- Navbar
            ================================================== -->

            <div class="navbar " >
                <div class="navbar-inner">                    
                    <ul class="nav" >
                        <li><a href="../index.jsp"><i class="icon-home"></i> Inicio</a></li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Cursos <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu" >
                                    <a href="#">Ciclo 5</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">

                                    <a href="#">Ciclo 6</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>    

                                </li>

                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 7</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 8</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 9</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 10</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>

                                <li class="divider"></li>
                                <li class="nav-header">Electivos</li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de libre disponibilidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de la especialidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>
                        <li><a href="http://btpucp.pucp.edu.pe/" target="_blank">Bolsa de Trabajo</a> </li>
                        <li><a href="https://pandora.pucp.edu.pe/pucp/login?TARGET=http%3A%2F%2Feros.pucp.edu.pe%2Fpucp%2Fjsp%2FIntranet.jsp" target="_blank">Intranet</a></li>

                    </ul> 
                    <div class="input-append pull-right" style="padding-top: 5px">
                        <input class="span2" id="buscar" type="text">
                        <button class="btn" type="button"><i class="icon-search"></i></button>
                    </div>
                </div>
            </div>





            <div class="row-fluid" id="inicio">
                <div class="span12">

                    <form action="<%=request.getContextPath()%>/ServletUsuario?action=register" method="post">
                        <div class=" well span9">
                            <h5><font color="red">Informacion requerida * </font> </h5>
                            <div class="control span9 offset2"><br>                                
                                <% if (request.getParameter("error")!=null) {%><div class="alert alert-error"><b>Se encontraron los siguientes errores:<br></b><%=mensaje%></div> <% }%>
                                <label class="control-label span4" for="inputNombres">Nombres<font color="red">*</font></label>
                                <input type="text" name="nombre" id="inputNombres" placeholder="Nombres">

                                <label class="control-label span4" for="inputApellidos">Apellidos<font color="red">*</font></label>
                                <input type="text" name="apellidos" id="inputApellidos" placeholder="Apellidos">

                                <label class="control-label span4" for="inputCodigoPUCP">Codigo PUCP<font color="red">*</font></label>
                                <input type="text" name="codigo" id="inputCodigoPUCP" placeholder="CodigoPUCP">

                                <label class="control-label span4" for="inputContrasena">Contrasena<font color="red">*</font></label>
                                <input type="password" name="password" id="inputContrasena" placeholder="Minimo 8 caracteres">

                                <label class="control-label span4" for="inputContrasena2"> Confirmar Contrasena<font color="red">*</font></label>
                                <input type="password" name="password2" id="inputContrasena2" placeholder="Minimo 8 caracteres">


                                <label class="control-label span4">Terminos de Registro</label>
                                <textarea name="mensaje" cols="10" rows="7" style="background: #FFF">
Por favor tome un momento para revisar estas normas se detallan a continuación. Si estás de acuerdo con ellas y deseas proceder con el registro, simplemente haga clic en el botón "Registrar" a continuación. Para cancelar este registro, sólo tienes que presionar el botón "Atrás" de su navegador.

Por favor, recuerde que nosotros no somos responsables de los mensajes enviados. Nosotros no avalamos ni garantizamos la exactitud, integridad o utilidad de cualquier mensaje, y no somos responsables por el contenido de cualquier mensaje.

Los mensajes expresan los puntos de vista del autor del mensaje, no necesariamente las opiniones de este foro. Cualquier usuario que sienta que un mensaje publicado es objetable es alentado a contactarnos inmediatamente por correo electrónico. Tenemos la capacidad de quitar mensajes desagradables y haremos todo lo posible para hacerlo, dentro de un plazo razonable, si determinamos que la eliminación es necesaria.

Usted está de acuerdo, mediante el uso de este servicio, que no utilizará este foro para publicar cualquier material que sea a sabiendas falso y / o difamatorio, inexacto, abusivo, vulgar, de odio, de acoso, obsceno, profano, orientado sexualmente, amenazante, invasivo de la privacidad de una persona, o de otra violación de cualquier ley.

Usted está de acuerdo en no publicar ningún material con copyright a menos que el copyright es propiedad de usted o por este tablón de anuncios.
    
Please take a moment to review these rules detailed below. If you agree with them and wish to proceed with the registration, simply click the "Register" button below. To cancel this registration, simply hit the 'back' button on your browser.

Please remember that we are not responsible for any messages posted. We do not vouch for or warrant the accuracy, completeness or usefulness of any message, and are not responsible for the contents of any message.

The messages express the views of the author of the message, not necessarily the views of this bulletin board. Any user who feels that a posted message is objectionable is encouraged to contact us immediately by email. We have the ability to remove objectionable messages and we will make every effort to do so, within a reasonable time frame, if we determine that removal is necessary.

You agree, through your use of this service, that you will not use this bulletin board to post any material which is knowingly false and/or defamatory, inaccurate, abusive, vulgar, hateful, harassing, obscene, profane, sexually oriented, threatening, invasive of a person's privacy, or otherwise violative of any law.

You agree not to post any copyrighted material unless the copyright is owned by you or by this bulletin board.
                                </textarea>


                                <label class="checkbox span10">
                                    <input type="checkbox" name="emailadmi "value="1"> Recibir email de los administradores
                                    <br>

                                    <input type="checkbox" name="terminosycondiciones" value="1"> <b>Acepto los terminos y condiciones</b>
                                </label>
                                <button  type="submit" class="btn-primary span4 offset3">Registrarse</button>

                            </div>
                        </div>
                    </form>


                    <div class=" well span3">

                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Reciente</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>


                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Descargado</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Valorado</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>   








                </div> 




            </div>
            <!-- Footer
             ================================================== -->
            <footer class="footer" id="bottom"><hr>
                <p class="pull-right"><a href="#">Ir arriba</a></p>
                <p align=center>El Rincón Teleco | © 2012 Pontificia Universidad Católica del Perú (PUCP) </p>
                <br><br></footer>



        </div><!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="<%= request.getContextPath()%>/text/javascript" src="js/jquery.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap-dropdown.js"></script>


    </body>
</html>
